<template>
	<div>
		<el-menu
			      default-active="2"
			      class="el-menu-vertical-demo"
			      @open="handleOpen"
			      @close="handleClose"
				   @select="handleSelect"
			      background-color="#545c64"
			      text-color="#fff"
			      active-text-color="#ffd04b"
				   router>
			      <el-submenu index="1">
			        <template slot="title">
			          <i class="el-icon-location"></i>
			          <span>文章管理</span>
			        </template>
			        <el-menu-item-group>
			         
					
					   <el-menu-item index="/mycenter/joke"><i class="iconfont icon-gerenzhongxin_banzhulaoshi"></i>娱乐</el-menu-item>
					   <el-menu-item index="/mycenter/weather"><i class="iconfont icon-gerenzhongxin_banzhulaoshi"></i>天气</el-menu-item>
					   <el-menu-item index="/mycenter/wzsh">文章审核</el-menu-item>
					   <el-menu-item index="/mycenter/ddgl">推荐文章</el-menu-item>
					    <el-menu-item index="/mycenter/ddgl">审核评论</el-menu-item>
						<el-menu-item index="/mycenter/zjgl">专家管理</el-menu-item>
			        </el-menu-item-group>
			      </el-submenu>
			      <el-menu-item index="/myProject/list">
			        <i class="el-icon-menu"></i>
			        <span slot="title">项目管理</span>
			      </el-menu-item>
			      <el-menu-item index="3" >
			        <i class="el-icon-document"></i>
			        <span slot="title">发包管理</span>
			      </el-menu-item>
			     
			    </el-menu>
		
		
	</div>
</template>

<script>
	export default{
		name:'myaside',
		methods: {
		  handleOpen(key, keyPath) {
		    console.log(key, keyPath);
		  },
		  handleClose(key, keyPath) {
		    console.log(key, keyPath);
		  },
		   handleSelect(key, keyPath) {
		          console.log(key, keyPath);
		        }
		}
	}
</script>

<style>
</style>
